<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/vue.min.js"></script>
		
        <link rel="stylesheet" href="css/hospital_list.css" />
		<link rel="stylesheet" href="css/nav.css" />
	</head>

	<body>

		<div class="col-xs-12 col-sm-12 row hospital-list-title">
			<img class="col-xs-2 col-sm-2" src="img/ui/back.png" />
			<header class="nav col-xs-10 col-sm-10 row" id="Topnav">
				<div id="searchBox" class="col-xs-11 col-sm-11 row">
					<form class="searchBox_Form">
						<input type="hidden" v-model:value="type" />
						<select class="searchBox_Form_typeSelector col-xs-3 col-sm-3" >
							<option value="0">
								<p>本省</p>
							</option>
							<option value="0">
								<p>外省</p>
							</option>
						</select>
						<input class="searchBox_Form_mess" type="text" placeholder="请输入内容" name="mess" />
						<input style="width: 0;display: none;" type="submit" id="nav_search" />
					</form>
				</div>
				<div class="clear"></div>
			</header>
		</div>

		<div class="col-xs-12 col-sm-12 row hospital-list-body">
		<c:forEach var="hospital" items="${hospitals}">
			<a href="department?hid=${hospital.id}">
				<section class="col-xs-12 col-sm-12 row hospital-list-body-item">
					<img class="col-xs-3 col-sm-3 img-circle" src="img/ui/hos1.png" />
					<div class="col-xs-9 col-sm-9">
						<h5>${hospital.name}</h5>
						<small>医院位置：${hospital.site}</small>
					</div>
				</section>
			</a>
		</c:forEach>
			

		</div>
	</body>

</html>